<h2>Top Heroes</h2>
<div class="heroes-menu">
  <!-- 点击需要跳转英雄详情页面，因此需要路由，又因为诶个英雄都有id，因此是动态路由 -->
  <!-- for循环中的id原来在它本层也可以直接用(就像是前c++中for循环的i++)，之前还以为只能在内层中使用 -->
  <a *ngFor="let hero of heroes" routerLink="/detail/{{hero.id}}">

    {{hero.name}}
  </a>
</div>

<app-hero-search></app-hero-search>
